<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>修改密码</title>
    <script type="text/javascript" src="__PUBLIC__/Js/jquery-validation-1.14.0/lib/jquery-1.11.1.js"></script>
    <script type="text/javascript" src="__PUBLIC__/Js/jquery-validation-1.14.0/dist/jquery.validate.js"></script>
    <!--<script type="text/javascript" src="__PUBLIC__/Js/home/jquery-1.11.3.js"></script>-->
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/Css/home/user_common.css">
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/Css/home/user_main_left.css">
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/Css/home/mypwd.css">
    <style>
        input.error {
            border: 1px solid red;
        }

        label.error {
            background: url("./demo/images/unchecked.gif") no-repeat 0px 0px;
            padding-left: 16px;
            padding-bottom: 2px;
            font-weight: bold;
            color: #EA5200;
        }

        label.checked {
            background: url("./demo/images/checked.gif") no-repeat 0px 0px;
        }

        .person-cort_left-write {
            margin-bottom: 12px;
            overflow: hidden;
            line-height: 24px;
            font-size: 14px;
        }
    </style>
</head>
<body>
<!--引入页面头部-->
<include file="Common/header"/>
<!--网页主体-->
<div class="cort">
    <!--内容-->
    <div class="cmain mb_back">
        <div class="zbk_top spalid">
            <span>您当前的位置：</span>
            <span><a href="__MODULE__/Index/index" target="_top">Darry Ring</a></span>
            <span><em>&gt;</em></span>
            <span><a href="__MODULE__/User/index" target="_top">我的DR</a></span>
            <span><em>&gt;</em></span>
            <span>我的订单</span>
        </div>
        <!--中间内容-->
        <div class="member_cort">
            <!--引入左导航栏-->
            <include file="Common/user_main_left"/>
            <script type="text/javascript">
                $(function () {
                    if ("password" == "news") {
                        $("#password").addClass("no_border");
                    }
                    $("#password").addClass("speacil_color");
                });
            </script>
            <!--右边的主要内容-->
            <div class="member_cort-right fr">
                <!--找回密码-->
                <div class="member_password">
                    <div class="member_ask-tittle">
                        <h4>修改密码</h4>
                        <p>
                            为保障账户安全，建议避免使用与其他网站相同密码。
                        </p>
                    </div>
                    <!--找回密码-->
                    <form method="post" action="__MODULE__/User/password_change" id='form'>
                        <div class="member_password-find">
                            <div class="person-cort_left-write person-cort_left-spwrite">
                                <span>原始密码：</span>
                                <input  class="write_text" type="password" name="password" id='password'>
                               <!--  <a href="http://passport.darryring.com/forget?lang=">忘记密码&gt;&gt;</a> -->
                            </div>
                            <div class="person-cort_left-write person-cort_left-password person-cort_left-spwrite" style="float: left;">
                                <span>&nbsp;新密码：</span>
                                <input   class="write_text" type="password" name="new_password" id='new_password'>
                                 <!--<em id="rou">弱</em> <em id="zhong">中</em> <em id="strong">强</em>-->

                            </div>
                            <div class="person-cort_left-write" id="showr" style="display: none;">
                                <i class="writer_wrong pwd" id="pwdwrong"></i><em id="txtshow" class="pwd"></em>
                            </div>
                            <div class="person-cort_left-write person-cort_left-spwrite" style="clear: both;">
                                <span>确认新密码：</span>
                                <input name="new_password2" id="new_password2" class="write_text" type="password" >
                                <i class="writer_wrong againpwd" style="display: none;" id="wrong"></i><em id="txtwrong" class="againpwd" style="display: none;"></em>
                            </div>

                        </div>
                        <div style="margin-left: 90px;">
                            <input name="submit" value="立即提交" onclick="return check();" id="btnsubmit" class="bt1 person-sp-button" style="border-style: none;" type="submit">
                        </div>
                        <!--找回密码end-->
                    </form>
                </div>
                <!--找回密码end-->
            </div>
            <!--右边的主要内容end-->
        </div>
        <!--中间内容end-->
    </div>
    <!--内容end-->
</div>
<!--中间end-->
<!--引入页面底部-->
<include file='Common/footer'/>
</body>
</html>
<script>
// if({$a}){
//     alert('{$a}');
// }else{

// }
   


   $(function() {
       $('#form').validate({
           rules: {

               new_password: {
                   required: true,
                   digits: true,
                   minlength: 6,
               },
               new_password2: {
                   equalTo: "#new_password",
               },
              password: {
                  required: true,
                  digits: true,
                  minlength: 6,
            },

        },
           
           messages: {
            password:{
          required:'* 密码不能为空',
          digits:'* 密码必须为纯数字',
          minlength: '* 密码长度不能小于6位数',
        },
               new_password: {
                   required: '* 密码不能为空',
                   digits: '* 密码必须为纯数字',
                   minlength: '* 密码长度不能小于6位数',
               },
               new_password2: {
                   equalTo: "* 两次密码输入不一致",
               },

           }

       });
   });

</script>